body,h1,h2,h3,h4,h5,p,ul,li{
   margin: 0;
   padding: 0;
}
ul li{
   list-style: none;
}
body{
   min-height: 100%;
   font-family: Helvetica,Arial, sans-serif;
   font-size: 12px;
   line-height: 22px;
   position: relative;
}
.relative{
   position: relative;
}
.absolute{
   position: absolute;
}
.hide{
   display: none !important;
}
#wraper{
   width: 100%;
   float: left;
}
#header{
   display: block;
   height: 40px;
   width: 100%;
   position: fixed;
   z-index: 998;
   background-color: #282828;
}
#menu{
   display: block;
   width: 219px;
   overflow: auto;
   overflow-x: hidden;
   position: fixed;
   margin-top: 40px;
   z-index: 999;
   background-color: #3D3D3D;
   
}
.breadLine{
   height: 23px;
   border-bottom: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
}
.requie{
   padding:10px;
   font-size: 14px;
}
.arrow{
   position: absolute;
   left: 110px;
   top: -12px;
   background: url("../img/menu-arrow-top.png") left top repeat;
   width: 17px;
   height: 12px;
   display: none;
}
.adminControl{
   padding: 1px 10px 0px;
   float: left;
   font-size: 11px;
   color: #fff;
 
   width: 194px;
   cursor: pointer;
}
.admin{
   float: left;
   position: relative;
   padding: 5px;
   width: 209px;
   -moz-box-shadow: inset 0 0 5px #CCC;
   -webkit-box-shadow: inset 0 0 5px #CCC;
   box-shadow: inset 0 0 5px #CCC;
   display: block;
}
.admin .image {
   float: left;
   width: 62px;
   margin-right: 5px;
}
.img-polaroid{
   padding: 4px;
   background-color: #fff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.admin ul.control, .headInfo ul.control {
   display: block;
   float: left;
   width: 142px;
   list-style: none;
   margin: 0px;
}
.admin ul.control li .caption.red {
   background-color: #a5302c;
}
.admin ul.control li .caption {
   display: block;
   float: right;
   font-size: 10px;
   background-color: #333;
   color: #fff;
   padding: 2px 4px 2px 3px;
   line-height: 13px;
   margin: 3px 0px 3px 5px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   text-shadow: none;
}
.admin ul.control li a, .headInfo ul.control li a {
   font-size: 11px;
   color: #333;
   -moz-text-shadow: 0 1px 0 #FFFFFF;
   -webkit-text-shadow: 0 1px 0 #FFFFFF;
   text-shadow: 0 1px 0 #FFFFFF;
}
.admin .info {
   float: left;
   padding: 5px;
   font-size: 10px;
   color: #666;
   line-height: 14px;
   -moz-text-shadow: 0 1px 0 #FFFFFF;
   -webkit-text-shadow: 0 1px 0 #FFFFFF;
   text-shadow: 0 1px 0 #FFFFFF;
}
.admin .info {
   font-size: 10px;
   color: #666;
   line-height: 14px;
   text-shadow: 0 1px 0 #FFFFFF;
}
.navigation {
   list-style: none;
   position: relative;
   padding: 0px;
   margin: 0px;
   float: left;
}
.navigation li {
   padding: 0px;
   margin: 0px;
   display: block;
   float: left;
   width: 219px;
   position: relative;
}
.navigation li > a {
   text-decoration: none;
   padding: 0px;
   display: block;
   float: left;
   width: 219px;
   position: relative;
   color: #fff;
   height: 37px;
}
.isw-grid {
   background: url('../img/ws/ic_list.png') center center no-repeat transparent;
}
[class*="isw-"], [class*="isb-"] {
   margin-left: 10px;
   padding: 11px 0px;
   width: 16px;
   height: 16px;
   font-size: 14px;
   font-weight: normal;
   display: block;
   float: left;
}
.navigation li > a span.text, .navigation li > a em.text {
   width: 183px;
   padding: 9px 0px;
   display: block;
   margin-left: 10px;
   float: left;
   overflow: hidden;
}
.navigation li:hover{
   background: #303030 !important;
}
.navigation li.openable.active {
   
}
.navigation li.openable.active > a{
   background: #E02222 !important;
   border-top-color: rgba(0, 0, 0, 0) !important;
   color: #FFF;
}
.navigation li.openable:hover {
   background: #303030;
}
.navigation li.openable {
   border-top: 1px solid #5C5C5C;
}
.navigation li.openable > ul {
   padding: 0px;
   margin: 0px;
   float: left;
   width: 219px;
   display: none;
}
.navigation li > ul > li {
   display: block;
   float: left;
   width: 219px;
}
.navigation li > ul > li > a {
   display: block;
   float: left;
   padding-left: 10px;
   width: 175px;
}
.navigation li > ul > li > a [class*="icon-"] {
   margin: 9px 0px 7px 10px;
   display: block;
   float: left;
}
.navigation li > ul > li > a span.text, .navigation li > ul > li > a em.text {
   color: #fff;
   font-size: 11px;
   padding: 6px 0px;
   width: 140px;
}
.navigation li > ul > li:hover, .navigation li > ul > li.active {
   background: #575757 !important;
   color:#fff;
   cursor: pointer;
}
.icon-chevron-right {
   background-position: -456px -72px;
}
.navigation li.active > ul {
   display: block !important;
}
#content{
   position: relative;
   margin-left: 220px;
   padding-top: 40px;
}
.breadLine .breadcrumb {
   float: left;
}
.breadcrumb {
   padding: 2px 15px !important;
   margin: 0px 10px!important;
   list-style: none !important;
   -webkit-border-radius: 4px !important;
   -moz-border-radius: 4px !important;
   border-radius: 4px !important;
   background-color: transparent !important;
}
.breadcrumb li {
   display: inline-block;
   text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb,.breadcrumb li a,.breadcrumb li{
   font-size: 11px;
}
.breadcrumb .divider {
   padding: 0 5px;
   color: #ccc;
}
.breadcrumb .active {
   color: #999999;
}
#content .workplace {
   position: relative;
   padding: 20px;
}
.head {
   background-color: #282828;
   background-clip: padding-box;
   border: 1px solid #335A85;
   -moz-border-top-left-radius: 3px;
   -moz-border-top-right-radius: 3px;
   -webkit-border-top-left-radius: 3px;
   -webkit-border-top-right-radius: 3px;
   -o-border-top-left-radius: 3px;
   -o-border-top-right-radius: 3px;
   -ms-border-top-left-radius: 3px;
   -ms-border-top-right-radius: 3px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}
.head h1{
   font-size: 12px;
   color: #fff;
   line-height: 22px;
   padding: 8px 0px;
   margin: 0px;
   font-weight: bold;
   margin-left: 10px;
   display: block;
   float: left;
   -moz-text-shadow: 0 1px 0 #333;
   -webkit-text-shadow: 0 1px 0 #333;
   text-shadow: 0 1px 0 #333;
}
.clear {
   clear: left;
}
.table-sorting .dataTables_wrapper {
   float: left;
   width: 100%;
}
.table-sorting {
   padding: 0px;
   position: relative;
   font-size: 12px !important;
   background-color: #FFF;
   border: 1px solid #ccc;
   border-top: 0px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
}
.mult_submit{
   margin-right: 10px;
   width: 448px;
   border-right: 1px solid #dcdcdc;
}
.showing{
   font-weight: bold;
   color:#F1021E;
}
.image-list{
   max-width: 150px;
}
.font10{
   font-size: 10px;
}
.font11{
   font-size: 11px;
}
.font12{
   font-size: 12px;
}
.font13{
   font-size: 13px;
}
.font14{
   font-size: 14px;
}
.head-table{
   width:100%;
   overflow: hidden;
}
.head-tabel .search{
   border-bottom: 1px solid #ccc;
}
.head-tabel ul.title-table  li{
   display: inline-block;
   margin-right: 10px;
}
.title-table li{
   display: inline-block;
   border-right: 2px solid #dcdcdc;
   padding: 0 10px 0 10px;
}
.table-sorting .dataTables_filter {
   font-size: 11px;
   color: #333;
   line-height: 16px;
   padding: 5px;
}
.list-field-search form{
   margin: 0;
}
.list-field-search form > li{
   display: inline-block;
   list-style: none;
   margin-right: 10px;
}
.list-field-search form > li #alb_id{
   margin: 0;
}
.table-sorting .dataTables_filter form{
   width: 48%;
   text-align: center;
   padding:5px 10px;
   border-right:1px solid #ccc;
   margin: 0;
}
.table-sorting .dataTables_filter form:last-child{
   border:none;
}
.tSortable_filter > form{
   
}
.table-sorting .dataTables_filter input[type="text"] {
   font-size: 11px;
   padding: 3px 2px 3px 5px;
   color: #333;
   line-height: 14px;
   margin: 0px;
   width: 150px;
   height: 27px;
}
.search .datepicker{
   width:100px !important;
}
.seach #vid_name{
   width:200px !important;
}
.dataTables_filter label{
   font-size: 12px;
   width: 60px;
   margin-top: 4px;
}
[class*="block"] .table tr th {
   padding: 4px 8px;
   font-size: 11px;
   background-color: #F1F1F1;
   color: #666;
}
.dataTable{
   border-left: none !important;
   border-right: none !important;
   border-radius: 0px 0px 0px 0px !important;
}
.block-fluid{
   border: 1px solid #ccc;
   border-top: 0px;
   background-color: #F9F9F9;
   -moz-border-bottom-left-radius: 3px;
   -moz-border-bottom-right-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -webkit-border-bottom-right-radius: 3px;
   -o-border-bottom-left-radius: 3px;
   -o-border-bottom-right-radius: 3px;
   -ms-border-bottom-left-radius: 3px;
   -ms-border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
   overflow: hidden;
}
.paging{
   margin: 5px 10px;
}
.paging ul li{
   display: inline-block;
   list-style-image: none;   
   text-align: center;
}
.paging ul li a,.paging ul li span{
   padding: 2px 5px;
   border: solid 1px #C9C9C9;
   background: #FFF;
}
.paging ul li span{
   background: #135F94;
   color: #FFF;
   border: solid 1px #135F94;
}
.row-form,.control-group{
   border-bottom: 1px solid #DDD;
   border-top: 1px solid white;
   padding: 6px 16px;
   vertical-align: baseline;
}
.control-group:first-child{
   border-top: 0px;
}
.form-horizontal .control-group {
   margin-bottom: 0px !important;
}
.control-group {
   margin-bottom: 0px !important;
}
.form-actions{
   border-top: 1px solid white;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
}

.nav > li > a:hover, .nav > li > a:focus {
   text-decoration: none;
   background-color: transparent !important;
   color: #fff !important;
}
.show-hide-menu{
   width: 150px;
   height: 20px;
   position: fixed;
   z-index: 1000;
   top: 10px;
   left: 10px;
   font-size: 13px;
   cursor: pointer;
   color: #fff;
}
.tab_admin{
   list-style: none;
   margin: 0 0 10px 0;
   padding:2px 0px;
   overflow: hidden;
}
.tab_admin li{
   float: left;
   padding: 4px 26px 4px 0;
   background-color: #EEE;
   color: #333;
   margin: 0 6px 6px 0;
   
   position: relative;
}
.tab_admin li a{
   padding: 3px 10px;
   margin-top: -3px;
   text-decoration: none;
   cursor: pointer;
}
.bo_show {
   display: block !important;
}
.bo_hidden {
   display: none ;
}
.ui-state-default .ui-icon-close{
   position: absolute;
   width: 18px;
   height: 18px;
   background: url('../img/icon/ic-close.png') no-repeat;
   top: 5px;
   right: 0;
   background-size: 100%;
   z-index: 100;
   cursor: pointer;
}
.ui-state-active{
   background-color: #282828 !important;
   color:#fff;
}
.ui-state-active span{
   color: #fff;
}
.reload_tab{
   background: url("../img/reload.png") left top repeat-x;
   padding: 12px;
   float: right;
   position: relative;
   top: 8px;
   left: -15px;
   cursor: pointer;
}
.quick-insert-person{
   position: absolute;
   width:80px;
   padding:3px 0;
   text-align: center;
   font-size: 12px;
   background-color: #000;
   color:#fff;
   cursor: pointer;
   opacity: 0.8;
   
}
.preview-image{
   margin: 20px 0 0 0;
}
.image-item {
   width: 120px;
   max-height: 100px;
   overflow: hidden;
   padding:2px;
   border:1px solid #c4c4c4;
   display: inline-block;
}
.image-item img{
   width: 100%;
}
.image-item .del-image{
   right:8px;
   top:3px;
   padding:2px;
}
.image-item .w-h{
   height: 25px;
   line-height: 25px;
   bottom:0;
   right:0;
   left: 0;
   text-align: center;
   color:#fff;
   background: rgba(0, 0, 0, 0.37);
}
.wapper-home{
   width: 1000px;
   overflow: hidden;
   margin: 0 auto;
}
.green{
   background-color: #28B779;
}
.blue{
   background-color: #27A9E3;
}
.wapper-home .green{
   margin-right: 0;
}
.dashboard-stat {
   position: relative;
   width: 450px;
   height: 250px;
   float:left;
   margin: 0 20px;
   padding:10px;
   color:#fff;
}
.dashboard-stat .more{
   position: absolute;
   height: 40px;
   bottom:0;
   right:0;
   left:0;
   padding: 0 10px;
   line-height: 40px;
   color:#fff;
}
.green .more{
   background-color: #10A062;
}
.blue .more{
   background-color: #208DBE;
}
.visual{
   width: 200px;
   height: 200px;
   background: no-repeat;
   float:left;
}
.details{
   font-size: 30px;
   padding: 20px 0;
   text-align: right;
   line-height: 50px;
}
.blue .visual{
   background-image: url(../img/ic_mes.png);
}
.green .visual{
   background-image: url(../img/ic_cart.png);
}